<!DOCTYPE html>
<html lang='en'>

<head>
    <meta charset='UTF-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <link rel='stylesheet' href='https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css'>
    <script src='https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js'></script>
    <script src='https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js'></script>
    <script src='https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js'></script>
    <script src="../js/login.js"></script>
    <title>Admin</title>
    <link rel='shortcut icon' href='../img/Icon.ico' type='image/x-icon'>
</head>

<body>
<div class='container-fluid'>
    <div class='row bg-dark shadow'>
        <h2 style='color: white;' class='col-md-6'>
            Admin
        </h2>
        <div class='col-md-6'>
            <img src='../img/myLogo.jpg' alt='logo' class='img-fluid float-right' style='margin-top: 0.5%;'>
        </div>
    </div>

    <div class='container mt-5'>
        <h2 class='text-center mb-3'>欢迎来到权力至上主义的管理员空间</h2>
        <div class='mt-5'>
            <div class='row mt-3'>
                <div class='col-md-2 offset-2'>
                    <label for='username'>
                        <h5>UserName:</h5>
                    </label>
                </div>
                <div class='input-group col-md-6'>
                    <input id='username' type='text' placeholder='UserName' class='form-control'
                           onblur="check()">
                    <br>
                </div>
            </div>
            <p class="text-center mt-3">
                <label name="tips" class="text-danger">&ensp;</label>
            </p>

            <div class='row mt-5'>
                <div class='col-md-2 offset-2'>
                    <label for='password'>
                        <h5>PassWord:</h5>
                    </label>
                </div>
                <div class='input-group col-md-6'>
                    <input id='password' type='password' placeholder='PassWord' class='form-control'
                           onblur="check()"> <br>
                </div>
            </div>
            <p class="text-center mt-3">
                <label name="tips" class="text-danger">&ensp;</label>
            </p>

            <div class='text-center mt-4 row'>
                <div class='offset-4 col-md-2'>
                    <button class='btn btn-primary' id="adminBtn">Submit</button>
                </div>
                <div class='col-md-2'><input type='reset' class='btn btn-secondary' value='Reset'></div>
            </div>

            <div>
                <p id="tipMsg" class="text-center text-danger mt-4">&ensp;</p>
            </div>
        </div>
    </div>
</div>
</body>
</html>